@charset "utf-8";
/* CSS Document */


.headerBg{/* background: rgba(207, 207, 207, 0.5); */background: #fff;x:3;box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);}
.logo{ height:90px; display:table-cell; vertical-align:middle; padding:15px; padding-left:35px;}
.logo img{/* vertical-align:middle; */max-height:100%;}
.navRig{ line-height:90px; right:auto; vertical-align:middle; margin:0 20px 0 50px;}
.navRig > ul{ vertical-align:middle; margin:0;}
.navRig > ul > li{ padding:0 10px;}
.navRig > ul > li > a{ padding:0; transition:all 0.4s linear 0s;}
.navRig > ul > li > a:hover{ transform:translateY(-2px);}
nav.navbar.bootsnav{ background:none; border:none;}
nav.navbar.bootsnav ul.nav{ padding:0; margin:0;}
nav.navbar.bootsnav ul.nav > li{/* padding:0 27px; */}
nav.navbar.bootsnav ul.nav > li > a{font-weight:normal;font-size:16px;color: #555;padding:0 5px;line-height:90px;height:90px;position:relative;padding: 0 27px;}
nav.navbar.bootsnav ul.nav > li > a:after{ position:absolute; left:50%; bottom:0; width:0%; height:6px; background:#e21c31; display:block; content:""; transition:all 0.5s ease 0s;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{background: none;color: #555;}
nav.navbar.bootsnav ul.nav > li > a:hover:after,nav.navbar.bootsnav ul.nav > li.on > a:after,nav.navbar.bootsnav ul.nav > li.active > a:after{ left:0; width:100%;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:"";}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#FFFFFF; margin-right:0;}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu{padding:20px 0 30px;border-radius:0 0 5px 5px;width:220px;border:none;left:50%;margin-left:-110px;background: rgba(113, 113, 113, 0.6);}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li{ padding:0 20px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{padding:10px 0;color: #ffffff;border-bottom:1px dashed rgba(255,255,255,0.35);text-align:left !important;transition:all 0.5s ease 0s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ background:none}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a > span{ display:block; margin-right:10px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a.dropdown-toggle:before{ float:right !important; content:"\f105" !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{ width:225px; margin:0; padding:10px 0; top:-10px; left:220px !important; background:rgba(255,0,0,0.5); border-radius:0 5px 5px 0;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu:after{ display:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu > li > a{ color:#FFFFFF; padding:10px 0;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu > li > a:hover{ font-weight:normal;}
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover,.dropdown-menu > li.on > a{ font-weight:bold; background:none;}



.box1Bg{ /*background:url(../images/box1Bg.jpg) center center no-repeat;*/ background-size:cover; overflow:hidden;}
#particles{ height:100%; width:100%; position:relative; z-index:1;}
.pg-canvas{position:absolute; left:0; top:0; z-index:-1;}
.boxTit{padding: 30px 0 40px;font-size:15px;color:#666666;line-height:130%;}
.boxTitCn{ overflow:hidden;}
.boxTitCn span{display:inline-block;vertical-align:middle;font-size: 24px;color: #333333;line-height:130%;position:relative;}
.boxTitCn span:before,.boxTitCn span:after{ display:block; content:""; width:34px; height:1px; background:#0850a3; top:50%; position:absolute;}
.boxTitCn span:before{ left:-40px;}
.boxTitCn span:after{ right:-40px;}
.boxTitIco{ display:block; width:10px; height:10px; border:1px solid #0850a3; transform:rotate(45deg); position:absolute; top:50%; margin-top:-5px;}
.boxTitIco1{ left:-46px;}
.boxTitIco2{ right:-46px;}
.boxBrief{ padding-top:5px;}

.box1List{ margin:0 -16px; padding-bottom:70px;}
.box1List li{ padding:0 16px 32px;}
.box1List li a{ display:block; height:100%; position:relative;}
.box1Img{ position:relative; overflow:hidden;}
.box1Img img{ width:100%;}
.box1Mask{ position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(8,80,163,0.3);}
.box1Ico{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scaleX(1); max-width:75px; width:20%;}
.box1Text{ padding:25px;}
.box1Tit{ font-size:18px; color:#333333; line-height:160%; padding-bottom:5px; transition:all 0.3s linear 0s;}
.box1Brief{ font-size:14px; color:#999999; line-height:24px; height:72px; overflow:hidden;}
.box1Bot{ overflow:hidden; text-align:center;}
.box1Bot span{display:inline-block;vertical-align:middle;width:36px;height:36px;border-radius:50%;background: #343434;position:relative;transition:all 0.3s linear 0s;}
.box1Bot span:before,.box1Bot span:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF;}
.box1Bot span:before{ width:17px; height:1px;}
.box1Bot span:after{ width:1px; height:17px;}
.box1Line{ position:absolute; top:50%; width:1000px; height:1px; border-top:1px dashed #cbcbcb;}
.box1Line1{ right:50%; margin-right:50px;}
.box1Line2{ left:50%; margin-left:50px;}
.box1List li a:hover .box1Tit{color: #da251c;}
.box1List li a:hover .box1Bot span{background: #da251c;}
.box1List li a:hover .box1Ico{ transform:translate(-50%,-50%) scaleX(-1); transition:all 0.6s linear 0s;}


		/* 本例子css */
		.picScroll-left{overflow:hidden; position:relative; }

		.picScroll-left .bd{ margin:10px 0px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{margin: 0px 10px;float:left;_display:inline;overflow:hidden;text-align:center;}
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{width: 180px;display:block;border:1px solid #efefef;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#ccc;  }